<!DOCTYPE html>
<html class="javascript js cssanimations">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>72公社</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="apple-mobile-web-app-title" content="72公社">
    <meta name="format-detection" content="telephone=no">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="../../css/amaze.min.css" />
    <link rel="stylesheet" href="../../css/amazeui.min.css" />
    <link rel="stylesheet" href="../../css/app.css">
    <!--[if (gte IE 9)|!(IE)]>
        <!-->
    <script type="text/javascript" src="../../script/jquery-1.11.1.min.js"></script>
    <!--<![endif]-->
    <!--[if lt IE 9]>
            <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js">
                
            </script><script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js">
                
            </script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/rem.min.js">
                
            </script><script src="http://a.static.amazeui.org/assets/2.x/js/polyfill/respond.min.js">
                
            </script><script src="http://a.static.amazeui.org/assets/2.x/js/amazeui.legacy.js">
                
            </script>
        <![endif]-->
    <script src="../../script/amazeui.min.js"></script>

    <style type="text/css">
    /*头部背景*/
    
    .am-header-default {
        background-color: #f40;
    }
    /*分类样式*/
    
    .am-menu-dropdown1 .am-menu-nav>li>a {
        border-bottom: 1px solid #d63900;
        background: #f40;
    }
    
    .am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a {
        background: #e63d00;
    }
    /*按钮样式*/
    
    .am-btn-primary:hover {
        color: #fff;
        background-color: #c23400;
        border-color: #c23400;
    }
    
    .am-btn-primary {
        color: #fff;
        background-color: #f40;
        border-color: #f40;
    }
    
    .this {
        background: white;
        text-align: center;
        vertical-align: middle;
        font-size: 14px;
        padding: 15px;
        border-bottom: 1px solid #feebdc;
        border-right: 1px solid #feebdc;
    }
    
    .this i {
        color: #ff8000;
    }
    </style>
</head>

    <script type="text/javascript" src="../js/myproperty.js"></script>
    <style type="text/css">
    .am-u-sm-12 img {
        margin-top: -3px;
        width: 25px;
        height: 25px;
    }
    
    .am-g a {
        color: #939393;
    }
    </style>

    <body>
        <input id="btid" value="2" type="hidden">
        <div class="am-g am-topbar-fixed-top" style=";padding:0 0;background:#ffaa43;height:45px;">
            <a href="javascript:history.back();">
                <div class="am-u-sm-3" style="margin-top:10px;text-align:left">
                    <span class="am-icon-angle-left am-icon-sm" style="color:white;"></span>
                </div>
            </a>
            <div class="am-u-sm-6" style="margin-top:10px;font-family:微软雅黑;color:white;text-align:center;">
                我的物业
            </div>
            <a href="/wap">
                <div class="am-u-sm-3" style="margin-top:11px;text-align:right">
                </div>
            </a>
        </div>
        <input type="hidden" id="status" value="<%=locals.commuser.status%>">
        <div class="am-g">
            <div class="am-u-sm-12" style="padding-top:10px;">
                <!--公告-->
                <div class="am-u-sm-12" style="background:#efefef;border-radius:5px;padding:8px;">
                    <%if(locals.commuser.status=='未认证'){%>
                        <div class="am-g" style="text-align: center;color:red">提示</div>
                        <div class="am-u-sm-12" style="color:#fb0103;padding:5px 0px;font-size:15px;text-align:center;">
                            <a href="/webapp/userinfo" style="color:red">
						亲，您还未通过小区身份认证哦，去个人中心修改资料
					</a>
                        </div>
                        <%}else{%>
                            <%if(locals.articles==null){%>
                                <div class="am-g" style="text-align: center">
                                    暂无公告...
                                </div>
                                <%}else{%>
                                    <div class="am-g" style="text-align: center;color:red">最新公告</div>
                                    <div class="am-u-sm-12" style="padding:5px 0px;font-size:15px;text-align: center">
                                        <i class="am-icon-bullhorn"></i>：
                                        <a href="/articleshow?id=<%=locals.articles._id%>" style="color:red;">
                                            <%=locals.articles.title||''%>
                                        </a>
                                        <%}%>
                                    </div>
                                    <%}%>
                </div>
                <!--am-u-sm-12  end -->
            </div>
        </div>
        <div class="am-g" style="margin-top:20px;border-bottom:3px solid #f5f5f5;">
            <a href="javascript:bt1();">
                <div class="am-u-sm-12" style="background:white;padding:5px 15px;">
                    <img src="../images/ico/wuyeshoufei.png" />&nbsp;物业缴费
                    <span style="float: right">
		    	<i class="am-icon-angle-right"></i>
		    </span>
                </div>
            </a>
            <a href="javascript:bt2();">
                <div class="am-u-sm-12" style="background:white;padding:5px 15px;">
                    <img src="../images/ico/wuyezhangdan.png" />&nbsp;物业账单
                    <span style="float: right">
		    	<i class="am-icon-angle-right"></i>
		    </span>
                </div>
            </a>
        </div>
        <div class="am-g" style="margin-top:10px;border-bottom:3px solid #f5f5f5;">
            <a href="javascript:bt3();">
                <div class="am-u-sm-12" style="background:white;padding:5px 15px;">
                    <img src="/webapp/images/ico/lishigonggao.png" />&nbsp;物业公告
                    <span style="float: right">
		    	<i class="am-icon-angle-right"></i>
		    </span>
                </div>
            </a>
            <a href="javascript:bt4();">
                <div class="am-u-sm-12" style="background:white;padding:5px 15px;">
                    <img src="/webapp/images/ico/weihubaoxiu.png" />&nbsp;维修通知
                    <span style="float: right">
		    	<i class="am-icon-angle-right"></i>
		    </span>
                </div>
            </a>
        </div>
        <div class="am-g" style="margin-top:10px;border-bottom:3px solid #f5f5f5;">
            <a href="javascript:bt5();">
                <div class="am-u-sm-12" style="background:white;padding:5px 15px;">
                    <img src="/webapp/images/ico/yewuzhiyin.png" />&nbsp;业务指引
                    <span style="float: right">
		    	<i class="am-icon-angle-right"></i>
		    </span>
                </div>
            </a>
            <a href="javascript:bt6();">
                <div class="am-u-sm-12" style="background:white;padding:5px 15px;">
                    <img src="/webapp/images/ico/tousujianyi.png" />&nbsp;公共报修
                    <span style="float:right">
		    	<i class="am-icon-angle-right"></i>
		    </span>
                </div>
            </a>
            
        </div>
        <div class="am-g" style="margin-top:10px;border-bottom:3px solid #f5f5f5;">
            <a href="/advise">
                <div class="am-u-sm-12" style="background:white;padding:5px 15px;">
                    <img src="/webapp/images/ico/tousujianyi.png" />&nbsp;投诉建议
                    <span style="float: right">
		    	<i class="am-icon-angle-right"></i>
		    </span>
                </div>
            </a>
        </div>
        <div class="am-g" style="margin-top: 10px;">
            <a id="wytel" href="tel:<%=locals.tel||''%>">
                <img src="/webapp/images/call.png" style="width:100%;" />
            </a>
        </div>
<%include ../common.html %>
<%include ../footnav.html %>
